<% include base/head.ejs %>
<!-- <link rel="stylesheet/less" href="/stylesheets/main.css"> -->
<link rel="stylesheet/less" type="text/css" href="/stylesheets/main.less" />
<script src="/javascripts/less.js"></script>
<div class="header">
  <div class="pull-left">山西旅游网站管理系统</div>
  <div class="pull-right">
    <img width="30px" class="img-circle" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1586709529295&di=1f98c77068a57b0ddf7968576c03eb7d&imgtype=0&src=http%3A%2F%2Fimage3.suning.cn%2Fuimg%2Fb2c%2Fnewcatentries%2F0070177104-000000010007508900_5_800x800.jpg" alt="">
    <span>
      admin
    </span>
  </div>
</div>
<div class="main">
  <div class="pull-left">
    <hr>
    <ul>
      <li class="active">
        <span class="glyphicon glyphicon-user"></span>
        用户管理
        <span class="glyphicon glyphicon-menu-right"></span>
      </li>
      <li>
        <span class="glyphicon glyphicon-home"></span>
        景区管理
        <span class="glyphicon glyphicon-menu-right"></span>
      </li>
      <li><span class="glyphicon glyphicon-th"></span>景区分类管理<span class="glyphicon glyphicon-menu-right"></span></li>
      <li><span class="glyphicon glyphicon-list-alt"></span>旅游团管理<span class="glyphicon glyphicon-menu-right"></span></li>
      <li><span class="glyphicon glyphicon-send"></span>旅行路线管理<span class="glyphicon glyphicon-menu-right"></span></li>
      <li><span class="glyphicon glyphicon-bookmark"></span>订单管理<span class="glyphicon glyphicon-menu-right"></span></li>
      <li><span class="glyphicon glyphicon-bookmark"></span>评论管理<span class="glyphicon glyphicon-menu-right"></span></li>
    </ul>
  </div>
  <div class="pull-right">
    <!-- 用户管理 -->
    <div class="content active">
      <h3 class="text-left color-black">用户信息列表</h3>
      <hr>
      <form class="form-inline" id="user-form">
        <div class="form-group">
          <label for="search">搜索：</label>
          <input type="text" class="form-control" name="search" id="search" placeholder="请输入用户名称">
        </div>
        <button type="submit" class="btn btn-default">确定</button>
      </form>

      <table class="table table-bordered table-hover" id="user-table">
        <tr>
          <th>序号</th>
          <th>用户名</th>
          <th>密码</th>
          <th>注册时间</th>
          <th>操作</th>
        </tr>
      </table>
    </div>

    <!-- 景区管理 -->
    <div class="content scenicSpot">


      <h3 class="text-left color-black">景区列表</h3>
      <hr>
      <form class="form-inline" id="scenicSpot-form">
        <div class="form-group">
          <label for="type-search">搜索：</label>
          <input type="text" class="form-control" name="search" id="scenicSpot-search" placeholder="请输入景区名称">
        </div>
        <button type="submit" class="btn btn-default">点击搜索</button>
        <button type="button" class="btn btn-info add-scenicSpot" >增加景区</button>
      </form>

      <table class="table table-bordered table-hover" id="scenicSpot-table">
        <tr>
          <th>景区id</th>
          <th>景区名称</th>
          <th>景区分类</th>
          <th>景区描述</th>
          <th>景区门票价格</th>
          <th>景区图片</th>
          <th>景区开放时间</th>
          <th>注册时间</th>
          <th>操作</th>
        </tr>
      </table>

      <div class="add">
        <span class="glyphicon glyphicon-remove pull-right"></span>
        <h4 class="text-center color-white">景区增加</h4>
        <form class="relative addScenicSpot">
          <div class="form-group">
            <label for="scenicSpotName">请输入景区名称</label>
            <input type="text" class="form-control" id="scenicSpotName" required name="scenicSpotName" placeholder="请输入景区名称">
          </div>
          <div class="form-group">
            <label for="exampleInputPassword1">请选择景区分类（可选择多个）</label>
            <div class="checkbox">
              
            </div>
          </div>
          <div class="form-group">
            <label for="scenicSpotPrice">请输入门票价格</label>
            <input type="text" class="form-control" id="scenicSpotPrice" name="scenicSpotPrice" placeholder="请输入门票价格">
          </div>
          <div class="form-group">
            <label for="scenicSpotPrice">请输入景区开放时间</label>
            <div class="form-inline">
              <div class="form-group">
                <label for="start">开始时间:</label>
                <input type="time" class="form-control" name="startTime" id="start" >
              </div>
              <div class="form-group">
                <label for="start">结束时间:</label>
                <input type="time" class="form-control" name="endTime" id="end" >
              </div>
            </div>
          </div>
          
          <div class="form-group">
            <label for="scenicSpotSrc">请填入景区图片链接</label>
            <input type="text" class="form-control" id="scenicSpotSrc" required name="imgSrc" placeholder="请填入景区图片链接">
          </div>

          <div class="form-group">
            <label for="scenicSpotDesc">请输入景区描述</label>
            <textarea style="resize: none;" name="scenicSpotDesc" class="form-control"  id="scenicSpotDesc" cols="30" rows="10"></textarea>
          </div>
          <button type="submit" class="btn btn-default absolute">确定</button>

          
          </form>
          <!-- <form class="form-group" id="img" action="/api/upload" enctype="multipart/form-data" method="post">
            <input type="file" id="file" name="someExpressFiles" multiple="multiple" />
          </form>
          <div class="img row">
            <div class="col-sm-1">
              
            </div>
          </div> -->
        

      </div>
      <div class="change">
        <span class="glyphicon glyphicon-remove pull-right"></span>
        <h4 class="text-center color-white">景区修改</h4>
        <form class="relative changeScenicSpot">
          <div class="form-group">
            <label for="scenicSpotName">请输入景区名称</label>
            <input type="text" class="form-control scenicSpotName"  required name="scenicSpotName" placeholder="请输入景区名称">
          </div>
          <div class="form-group">
            <label for="exampleInputPassword1">请选择景区分类（可选择多个）</label>
            <div class="checkbox">
              
            </div>
          </div>
          <div class="form-group">
            <label for="scenicSpotPrice">请输入门票价格</label>
            <input type="text" class="form-control scenicSpotPrice" name="scenicSpotPrice" placeholder="请输入门票价格">
          </div>
          <div class="form-group">
            <label for="scenicSpotPrice">请输入景区开放时间</label>
            <div class="form-inline">
              <div class="form-group">
                <label for="start">开始时间:</label>
                <input type="time" class="form-control start" name="startTime" >
              </div>
              <div class="form-group">
                <label for="start">结束时间:</label>
                <input type="time" class="form-control end" name="endTime" >
              </div>
            </div>
          </div>
          <div class="form-group">
            <label for="scenicSpoimgSrc">请输入景区图片链接</label>
            <input type="text" class="form-control scenicSpoimgSrc"  required name="imgSrc" placeholder="请输入景区图片链接">
          </div>
          
          
          <div class="form-group">
            <label for="scenicSpotDesc">请输入景区描述</label>
            <textarea style="resize: none;" name="scenicSpotDesc" class="form-control scenicSpotDesc"  cols="30" rows="10"></textarea>
          </div>
          <button type="submit" class="btn btn-default absolute">确定</button>

          
          </form>
          <form class="form-group" class="img" action="/api/upload" enctype="multipart/form-data" method="post">
            <input type="file" class="file" name="someExpressFiles" multiple="multiple" />
          </form>
          <div class="img row">
            <div class="col-sm-1">
              
            </div>
          </div>
        

      </div>
    </div>

    <!-- 景区分类管理 -->
    <div class="content type ">
      <h3 class="text-left color-black">景区分类列表</h3>
      <hr>
      <form class="form-inline" id="type-form">
        <div class="form-group">
          <label for="type-search">搜索：</label>
          <input type="text" class="form-control" name="search" id="type-search" placeholder="请输入分类">
        </div>
        <button type="submit" class="btn btn-default">点击搜索</button>
        <button type="button" class="btn btn-info add-type" >增加分类</button>
      </form>

      <table class="table table-bordered table-hover" id="type-table">
        <tr>
          <th>分类id</th>
          <th>分类</th>
          <th>注册时间</th>
          <th>操作</th>
        </tr>
      </table>
      <div class="add">
        <span class="glyphicon glyphicon-remove pull-right"></span>
        <h4 class="text-center color-white">分类增加</h4>
        <input class="form-control" required type="text" placeholder="请输入分类">
        
        <div class="text-right">
          <button class="btn btn-default add-type-sure">点击增加</button>
        </div>

      </div>
      <div class="change">
        <span class="glyphicon glyphicon-remove pull-right"></span>
        <h4 class="text-center color-white">分类修改</h4>
        <input class="form-control" required type="text" placeholder="请输入修改后的分类">
        
        <div class="text-right">
          <button class="btn btn-default change-type-sure">点击修改</button>
        </div>

      </div>
    </div>


    <!-- 旅行团 -->
    <div class="content tour">
      <h3 class="text-left color-black">旅行团列表</h3>
      <hr>
      <form class="form-inline" id="Tour-form">
        <div class="form-group">
          <label for="type-search">搜索：</label>
          <input type="text" class="form-control" name="search" id="Tour-search" placeholder="请输入旅行团名称">
        </div>
        <button type="submit" class="btn btn-default">点击搜索</button>
        <button type="button" class="btn btn-info add-Tour" >增加旅行团</button>
      </form>

      <table class="table table-bordered table-hover" id="Tour-table">
        <tr>
          <th>旅行团id</th>
          <th>旅行团名称</th>
          <th>负责人</th>
          <th>联系方式</th>
          <th>注册地址</th>
          <th>注册时间</th>
          <th>操作</th>
        </tr>
        <tr>
          <td>5e9d1d1391a9aa2824d8790e</td>
          <td>红旗旅行社</td>
          <td>张三</td>
          <td>17823464524</td>
          <td>山西省太原市小店区南中环200号</td>
          <td>2020-04-20T03:54:59.650Z</td>
          <td><button onclick="changeScenicSpot(this)" class="btn btn-warning btn-xs"><span class="glyphicon glyphicon-pencil"></span> 修改 </button>
            <button onclick="delScenicSpot(this)" class="btn btn-danger btn-xs"><span class="glyphicon glyphicon-trash"></span> 删除 </button></td>
        </tr>
      </table>

      <div class="add add-tour-box">
        <span class="glyphicon glyphicon-remove pull-right"></span>
        <h4 class="text-center color-white">旅行团增加</h4>
        <form class="relative addTour">
          <div class="form-group">
            <label for="tourName">请输入旅行团名称</label>
            <input type="text" class="form-control" id="tourName" required name="tourName" placeholder="请输入旅行团名称">
          </div>
          <div class="form-group">
            <label for="tourHead">请输入旅行团负责人</label>
            <input type="text" class="form-control" id="tourHead" name="tourHead" placeholder="请输入旅行团负责人名称">
          </div>
          <div class="form-group">
            <label for="tourContact">请输入旅行团联系方式</label>
            <input type="text" class="form-control" id="tourContact" name="tourContact" placeholder="请输入旅行团联系方式">
          </div>
          <div class="form-group">
            <label for="tourAddress">请输入旅行团注册地址</label>
            <input type="text" class="form-control" id="tourAddress" name="tourAddress" placeholder="请输入旅行团注册地址">
          </div>
          <button type="submit" class="btn btn-default absolute">确定</button>
          </form>
      </div>


      <div class="change">
        <span class="glyphicon glyphicon-remove pull-right"></span>
        <h4 class="text-center color-white">旅行团修改</h4>
        <form class="relative changeTour">
          <div class="form-group">
            <label for="tourName">请输入旅行团名称</label>
            <input type="text" class="form-control tourName" required name="tourName" placeholder="请输入旅行团名称">
          </div>
          <div class="form-group">
            <label for="tourHead">请输入旅行团负责人</label>
            <input type="text" class="form-control tourHead"  name="tourHead" placeholder="请输入旅行团负责人名称">
          </div>
          <div class="form-group">
            <label for="tourContact">请输入旅行团联系方式</label>
            <input type="text" class="form-control tourContact" name="tourContact" placeholder="请输入旅行团联系方式">
          </div>
          <div class="form-group">
            <label for="tourAddress">请输入旅行团注册地址</label>
            <input type="text" class="form-control tourAddress"  name="tourAddress" placeholder="请输入旅行团注册地址">
          </div>
          <button type="submit" class="btn btn-default absolute changeTourBtn">确定</button>
          </form>
          
        

      </div>


      <div>
        
      </div>
    </div>

    <!-- 旅行路线 -->
    <div class="content route">
      <h3 class="text-left color-black">旅行路线列表</h3>
      <hr>
      <form class="form-inline" id="route-form">
        <div class="form-group">
          <label for="route-search">搜索：</label>
          <input type="text" class="form-control" name="search" id="route-search" placeholder="请输入旅行路线名称">
        </div>
        <button type="submit" class="btn btn-default">点击搜索</button>
        <button type="button" class="btn btn-info add-route" >增加旅行路线</button>
      </form>

      <table class="table table-bordered table-hover" id="route-table">
        <tr>
          <th>旅行路线id</th>
          <th>旅行团名称</th>
          <th>出发地点</th>
          <th>目的地</th>
          <th>时长</th>
          <th>价格</th>
          <th>标题</th>
          <th>图片</th>
          <th>注册时间</th>
          <th>操作</th>
        </tr>
      </table>
      <div class="add add-route-box">
        <span class="glyphicon glyphicon-remove pull-right"></span>
        <h4 class="text-center color-white">旅行路线增加</h4>
        <form class="relative addRoute">
          <div class="form-group">
            <label for="routeName">请输入旅行团名称</label>
            <input type="text" class="form-control" id="routeName" required name="tourName" placeholder="请输入旅行团名称">
          </div>
          <div class="form-group">
            <label for="startAdress">请输入出发地点</label>
            <input type="text" class="form-control" id="startAdress" name="startAdress" placeholder="请输入出发地点">
          </div>
          <div class="form-group">
            <label for="endAdress">请输入目的地</label>
            <input type="text" class="form-control" id="endAdress" name="endAdress" placeholder="请输入目的地">
          </div>
          <div class="form-group">
            <label for="time">请输入路线时长</label>
            <input type="text" class="form-control" id="time" name="time" placeholder="请输入路线时长">
          </div>
          <div class="form-group">
            <label for="price">请输入价格</label>
            <input type="text" class="form-control" id="price" name="price" placeholder="请输入价格">
          </div>
          <div class="form-group">
            <label for="title">请输入标题</label>
            <input type="text" class="form-control" id="title" name="title" placeholder="请输入标题">
          </div>
          <div class="form-group">
            <label for="imgSrc">请填入图片链接</label>
            <input type="text" class="form-control" id="imgSrc" name="imgSrc" placeholder="请填入图片链接">
          </div>
          <div class="form-group">
            <label for="routeDesc">请输入路线描述</label>
            <textarea name="routeDesc" class="form-control"></textarea>
          </div>
          <button type="submit" class="btn btn-default absolute">确定</button>
          </form>
      </div>
      <div class="change">
        <span class="glyphicon glyphicon-remove pull-right"></span>
        <h4 class="text-center color-white">旅行路线修改</h4>
        <form class="relative changeRoute">
          <div class="form-group">
            <label for="tourName">请输入旅行团名称</label>
            <input type="text" class="form-control tourRouteName" required name="tourName" placeholder="请输入旅行团名称">
          </div>
          <div class="form-group">
            <label for="startAdress">请输入出发地点</label>
            <input type="text" class="form-control startAdress" name="startAdress" placeholder="请输入出发地点">
          </div>
          <div class="form-group">
            <label for="endAdress">请输入目的地</label>
            <input type="text" class="form-control endAdress" name="endAdress" placeholder="请输入目的地">
          </div>
          <div class="form-group">
            <label for="time">请输入路线时长</label>
            <input type="text" class="form-control time" name="time" placeholder="请输入路线时长">
          </div>
          <div class="form-group">
            <label for="price">请输入价格</label>
            <input type="text" class="form-control price" name="price" placeholder="请输入价格">
          </div>
          <div class="form-group">
            <label for="title">请输入标题</label>
            <input type="text" class="form-control title" name="title" placeholder="请输入标题">
          </div>
          <div class="form-group">
            <label for="title">请填入图片链接</label>
            <input type="text" class="form-control imgSrc" name="title" placeholder="请填入图片链接">
          </div>
          <div class="form-group">
            <label for="routeDesc">请输入路线描述</label>
            <textarea name="routeDesc" class="form-control routeDesc"></textarea>
          </div>
          <button type="submit" class="btn btn-default absolute changeTourBtn">确定</button>
          </form>
          
        

      </div>
    </div>


    <!-- 订单管理 -->
    <div class="content order">

      <h3 class="text-left color-black">订单列表</h3>
      <hr>
      <form class="form-inline" id="order-form">
        <div class="form-group">
          <label for="route-search">搜索：</label>
          <input type="text" class="form-control" name="search" id="order-search" placeholder="请输入订单名称">
        </div>
        <button type="submit" class="btn btn-default">点击搜索</button>
      </form>

      <table class="table table-bordered table-hover" id="order-table">
        <tr>
          <th>订单id</th>
          <th>订单标题</th>
          <th>接单旅行团</th>
          <th>下单用户id</th>
          <th>创建时间</th>
          <th>价格</th>
          <th>操作</th>
        </tr>
      </table>

    </div>


    <!-- 评论管理 -->
    <div class="content">
      <h3 class="text-left color-black">评论列表</h3>
      <hr>
      <form class="form-inline" id="comment-form">
        <div class="form-group">
          <label for="search">搜索：</label>
          <input type="text" class="form-control" id='commentSearch' name="search" placeholder="请输入评论用户名称">
        </div>
        <button type="submit" class="btn btn-default">确定</button>
      </form>

      <table class="table table-bordered table-hover" id="comment-table">
        <tr>
          <th>id</th>
          <th>评论用户名</th>
          <th>评论内容</th>
          <th>操作</th>
        </tr>
      </table>
    </div>
  </div>
</div>
<script src="/javascripts/layer.js"></script>
<script src="/javascripts/main.js"></script>
<% include base/foot.ejs %>